<form #addUserForm="ngForm">
  <div class="form-group clearfix">
    <label class="col-md-2"><span class="require-red">*</span>邀请码数量</label>
    <div class="col-md-6">
      <input type="number" class="form-control" name="number" #number="ngModel" [(ngModel)]="addInvitation.number" required (ngModelChange)="checkStatus($event)">
      <p [hidden]="number.pristine || number.valid" class="alert alert-danger">邀请码数量不能为空!</p>
      <p [hidden]="error" class="alert alert-danger">邀请码数量请大于0或者小于100!</p>
    </div>
  </div>
</form>
<div class="col-md-8 text-center">
  <button class="btn btn-success" [disabled]="!addUserForm.form.valid || addStatus" (click)="add()">{{ addStatus ? '添加中':'添加' }}</button>
  <button class="btn btn-success" type="reset" (click)="addUserForm.form.reset()">重置</button>
</div>

<app-notification [type]="type" [message]="message" [isShow]="isShow" (promptIsShow)="isShow = $event"></app-notification>
